<template>
	<view class="myuni-topbar":class="themeType==='light'?'bgc-deep-light':'bgc-deep'">
      <view class="left-icon" @click="back">
      	<slot name="left">
      	  <text class="iconfont icon-zuo icon"></text>
      	</slot>
      </view>
	  <view class="title ft">
	  	<slot name="title"><text>标题</text></slot>
	  </view>
	  <view class="right-icon">
	  	<slot name="right-icon">
	  	</slot>
	  </view>
	</view>
</template>

<script>
	import { mapState } from 'vuex';
	export default{
		props:{
			show_left:{
				type:Boolean,
				default:true
			}
		},
		computed:{
			...mapState(['themeType'])
		},		
		methods:{
			back(){
				uni.navigateBack()
			}
		}
	}
</script>
<style lang="scss" scoped>
.myuni-topbar{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	width: 750rpx;
	height: 100rpx;
	line-height: 100rpx;
   /*  #ifdef  APP-PLUS */
    height: 156rpx;
   	line-height: 196rpx;
   /*  #endif  */
	// background-color: #2b353f;
	color: #bebebe;
	z-index: 9999;
	.left-icon{
		width: 100rpx;
		height: 100%;
		text-align: center;
	}
	.title{
		flex: 1;
	}
	.right-icon{
		width: 100rpx;
	}
}
</style>
